
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="hzcmgd">
    <title>树人学习</title>
    <link rel="icon" href="favicon.ico">
    <title>Off Canvas Template for Bootstrap</title>
    <!-- Bootstrap core CSS -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="http://v3.bootcss.com/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="/static/pc/cmgd3.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/pc/swiper.3.2.0.min.css">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="http://v3.bootcss.com/assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="http://v3.bootcss.com/assets/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link href="/static/admin/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <style>
        body{font-family: 'Microsoft Yahei';}
        .media-body a{text-decoration:none;color:#000;}
        .fa{padding-right: 10px; font-size: 20px;}
        .bc{text-decoration: none;}
        .bc:hover{text-decoration: none;}
        a.list-group-item, button.list-group-item {
            color: #000;
        }

        .list-group-item:hover{
            /*background-color:rgb(163, 185, 214);*/
        }

        .list-group-item{
            font-size:17px;word-spacing: 10px; background:none;   letter-spacing: 2px;border:0px;color: #fff; margin-bottom: 0px; background: #F9F9F9;}

        .list-group{height:1253px;}


        .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
            z-index: 2;
            color: #000;
            background: #F9F9F9;
            /*border-color:  rgba(14, 24, 35, 0.25);*/
        }

        .panel-primary>.panel-heading {
            color: #000;
            background-color: #fff;
            border-color: #F1F1F2;
        }
        .media-heading{font-family: 'Microsoft Yahei';}
        .col-xs-6,.col-sm-2{padding-right: 0px;}
        .col-xs-12, .col-sm-7{padding-right: 0px;}
        .panel-heading{font-family: 'Microsoft Yahei';}
        .panel-primary {
            border-color: #fff;
        }
    </style>
</head>

<body>
{include file="public/header" /}

<div class="container body_bg">

    <div class="row row-offcanvas row-offcanvas-right">
        <div class="col-xs-6 col-sm-2 sidebar-offcanvas" id="sidebar" style="border-top:2px #2fab87 solid;padding-left: 0px;">
            <div class="list-group">
                <a href="{:url('index/index')}" class="list-group-item active"><i class="fa fa-bullseye"></i>首页</a>
                <a href="{:url('article/article')}" class="list-group-item"><i class="fa fa-bookmark-o"></i>日常文章</a>
                <!--<a href="#" class="list-group-item">动态</a>-->
                <a href="{:url('article/debate')}" class="list-group-item"><i class="fa  fa-comment-o"></i>话题中心</a>
                <!--<a href="#" class="list-group-item">机构</a>-->
                <a href="{:url('article/essay')}" class="list-group-item" ><i class="fa fa-circle-thin"></i>机构征文</a>
                <a href="" class="list-group-item"><i class="fa fa-circle"></i>全部机构</a>
            </div>
        </div><!--/.sidebar-offcanvas-->
        <div class="col-xs-12 col-sm-7">
            <div class="jumbotron_swiper">
                <!--轮播图-->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        {foreach name="ad" id="ad"}
                        <div class="swiper-slide"><a href=""><img src="/uploads/images/{$ad.images}" alt="" style="width: 100%;"></a></div>
                        {/foreach}

                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>

            <div class="panel panel-primary" style="margin-top: 10px;margin-bottom: 10px;   background: #F9F9F9;">
                <div class="panel-heading" style="font-size:16px;font-weight: 600;word-spacing:10px;   background: #F9F9F9;    letter-spacing: 2px;">
                    <em class="c-line"></em>文章推荐
                </div>
                <div class="panel-body">
                    {foreach name="list" id="list"}

                    <div class="media" style="border-bottom: 1px #f5f5f5 solid;padding-bottom: 8px;">
                        <div class="media-left">
                            <a href='/web/article/index/id/{$list.id}.html'>
                                <img class="media-object" src="/uploads/images/{$list.photo}" style="width: 153px; height: 102px;" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <a href='/web/article/index/id/{$list.id}.html'><h4 class="media-heading" style="height: 23px;overflow: hidden;word-spacing: 8px;    letter-spacing: 1px;">{$list.title}</h4> </a>
                             <p style="width:100%;height:45px;overflow: hidden;font-size:14px;padding-top: 3px;color:#878787; line-height: 20px;word-spacing: 7px;    letter-spacing: 1px;">{$list.remark}</p>
                            <p style="width:100%;font-size:14px;padding-top: 3px;color:#878787;">{$list.create_time} <span style="padding-right: 20px;"></span>    阅读量:{$list.views}  </p>
                        </div>
                    </div>

                    {/foreach}


                </div>
            </div>

            <div class="panel panel-primary" style="   background: #F9F9F9;">
                <div class="panel-heading" style="font-size:16px;font-weight: 600;word-spacing:10px;    background: #F9F9F9;  letter-spacing: 2px;">
                    <em class="c-line"></em> 活跃机构
                </div>
                <div class="panel-body">

                    <div class="row">
                        {foreach name="instit" id="instit"}
                        <div class="col-xs-3 col-lg-3 hyjg" style="text-align: center;">
                            <a href="{:url('user/center',array('user_id'=>$instit.id))}" >     <img src="/uploads/face/{$instit.head_img}" > </a>
                            <p>{$instit.nickname}</p>
                        </div>
                        {/foreach}
                    </div>
                </div>
            </div>



        </div><!--/.col-xs-12.col-sm-9-->
        <div class="col-sm-3">




            {if condition="$user_info.is_login==1"}
            <div class="panel panel-primary" style="margin-bottom: 11px;">
                <div class="panel-body">

                    <div style="height:100px;">
                        <div class="l-bg bg-blur" style="background: url('/uploads/face/{$user_info.member.head_img}');"></div>
                        <div class="content-front">
                    <a href="{:url('user/center')}"><img src="/uploads/face/{$user_info.member.head_img}"></a>
                        </div>
                    </div>
                    <hr>
                    <div>
                      <p><h5  class="text-center">   <a href="{:url('user/center')}">{$user_info.member.nickname} </a> {if condition="$user_info.member.group_id == 8"} <span class="label label-warning">V</span>{/if}</h5></p>

                    </div>
                    <div>
                        <div class="row text-center">
                            <div class="col-md-4">
                                <p><h4>{$user_info.foucs_num}</h4></p>
                                <p>关注</p>
                            </div>
                            <div class="col-md-4 line-u">
                                <p><h4>{$user_info.fans_num}</h4></p>
                                <p>粉丝</p>
                            </div>
                            <div class="col-md-4">
                                <p><h4>{$user_info.total}</h4></p>
                                <p>文章</p>
                            </div>
                        </div>
                    </div>



                </div>
            </div>
            {else}
                <div class="panel panel-primary" style="   background: #F9F9F9;">
                    <!--<div class="panel-heading" style="font-size:16px;font-weight: 600;word-spacing:10px; padding-bottom: 0px; margin-bottom: 0px;    letter-spacing: 2px;    padding-bottom: 10px;  background: #F9F9F9; ">-->
                        <!--<em class="c-line"></em> 用户登录-->
                    <!--</div>-->
                    <div class="panel-body" style="padding:10px 5px 5px 5px; ">
                            <div style="height: 70px;">
                                <div style="float: left;width:30%;text-align: center;"><img src="/static/admin/images/head_default.gif" style=" border-radius: 50%;width:60px;"></div>
                                <div style="float: left;width:70%;">
                                        <p>Hi</p>
                                        <p>欢迎来到树人学习</p>
                                </div>
                            </div>

                            <div style="padding-top: 10px;padding-left: 10px;padding-bottom: 10px;">

                                <A class="bc" href="{:url('user/login')}" ><span style="background:#2fab87;padding: 5px;color: #fff;border-radius: 3px;">登录</span></A>
                                <A class="bc" href="{:url('user/member_reg')}" ><span style="background:#fdd000;padding: 5px;color: #fff;border-radius: 3px;">个人注册</span></A>
                                <A class="bc" href="{:url('user/instit_reg')}" ><span style="background:#fdd000;padding: 5px;color: #fff;border-radius: 3px;">机构入驻</span></A>
                            </div>

                    </div>
                </div>

            {/if}

            <div class="panel panel-primary" style="   background: #F9F9F9;">
                <div class="panel-heading" style="font-size:16px;font-weight: 600;word-spacing:10px; padding-bottom: 0px; margin-bottom: 0px;    letter-spacing: 2px;    padding-bottom: 10px;  background: #F9F9F9; ">
                    <em class="c-line"></em> 最新机构
                </div>
                <div class="panel-body" style="padding: 5px;">

                    {foreach name="new_instit" id="vt"}
                    <div style="padding: 10px 0;height: 70px;">
                        <div style="float: left ;width: 25%;">

                            <a href="{:url('user/center',array('user_id'=>$vt.id))}" >  <img src="/uploads/face/{$vt.head_img}" style="width:50px;height:50px;border-radius: 50%; "> </a>

                        </div>

                        <div style="float: left;width: 75%;">
                            <div style="height:25px;line-height:25px; overflow: hidden;">{$vt.nickname}</div>
                            <div  style="height:25px;line-height:25px;overflow: hidden;color:#878787;font-size: 12px;">{$vt.desc}</div>
                        </div>


                    </div>
                    {/foreach}

                </div>
            </div>

            <!--<div class="panel panel-primary">-->
                <!--<div class="panel-heading">-->
                    <!--<h3 class="panel-title">市级排行</h3>-->
                <!--</div>-->
                <!--<div class="panel-body">-->
                    <!--<p><span class="number">1</span> Lowercased text.</p>-->
                    <!--<p><span class="number">2</span> Lowercased text.</p>-->
                    <!--<p><span class="number">3</span> Lowercased text.</p>-->
                    <!--<p><span class="number">4</span> Lowercased text.</p>-->
                <!--</div>-->
            <!--</div>-->

        </div>
    </div><!--/row-->

    <hr>

    <!--<footer>-->
        <!--<p>&copy; Company 2017</p>-->
    <!--</footer>-->

</div><!--/.container-->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="http://v3.bootcss.com/assets/js/ie10-viewport-bug-workaround.js"></script>
<script src="http://v3.bootcss.com/examples/offcanvas/offcanvas.js"></script>
<script type="text/javascript" src="/static/pc/js/TouchSlide.1.1.js"></script>
<script type="text/javascript" src="/static/pc/js/touchslider.dev.js"></script>
<script src="swiper.3.2.0.min.js"></script>
<script>
    var mySwiper = new Swiper ('.swiper-container', {
        direction: 'horizontal',
        loop: true,
        autoplay : 3000,
        // 如果需要分页器
        pagination: '.swiper-pagination',
    })
    var myHot = new Swiper ('.hot-container', {
        direction: 'horizontal',
        loop: true,
        autoplay : 6000,
        // 如果需要分页器
        pagination: '.hot-pagination',
    })
    var mymiddleAdd = new Swiper ('.middle-container', {
        direction: 'horizontal',
        loop: true,
        autoplay : 3000,
        // 如果需要分页器
        pagination: '.middle-pagination',
    })
    var mymiddleAdd = new Swiper ('.middle2-container', {
        direction: 'horizontal',
        loop: true,
        autoplay : 3000,
        // 如果需要分页器
        pagination: '.middle-pagination',
    })
</script>
</body>
</html>
